//编辑收货地址
<template>
	<div class="editadd">
		<div class="address_div">
			<div class="text_div">
				<p>编辑收货地址</p>
				<p>保存</p>
			</div>
		</div>
		<div class="edit_div">
			<div class="it_div" v-for="item in dataList">
				<span>{{item.Name}}</span>
				<span>{{item.address}}</span>
				<div class="div1">

				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				dataList: [{
						"Name": "所在城市:",
						"address": "北京市 "
					},
					{
						"Name": "小区/大厦/学校:",
						"address": "北理工大学国防科技园 "
					},
					{
						"Name": "楼号-门牌号:",
						"address": "2号楼10层"
					},
					{
						"Name": "收货人:",
						"address": "小慕 "
					},
					{
						"Name": "联系电话:",
						"address": "18911023277 "
					},
				]
			}
		}
	}
</script>

<style>
	.editadd {
		background-color: #f8f8f8;
		height: 100%;
		position: fixed;
		width: 100%;
	}

	.address_div {
		height: 64px;
		width: 375px;
		background-color: #ffffff;
	}

	.address_div .text_div {

		display: flex;
		justify-content: space-between;
	}

	.text_div :nth-child(1) {
		padding-top: 31px;
		padding-left: 140px;
		text-align: center;
		font-size: 16px;
		color: #333333;
	}

	.text_div :nth-child(2) {
		padding-top: 32px;
		padding-right: 18px;
		font-size: 14px;
		color: #333333;
		text-align: right;
	}

	.edit_div {
		margin-top: 12px;
		background-color: #ffffff;
		width: 375px;
		height: 224px;
	}

	.it_div {
		padding-top: 12px;
		padding-left: 18px;

	}

	.edit_div .it_div :nth-child(1) {
		font-size: 14px;
		color: #666666;
		line-height: 20px;
	}

	.edit_div .it_div :nth-child(2) {
		font-size: 14px;
		color: #333333;
		line-height: 20px;
	}

	.div1 {
		margin-top: 12px;
		width: 339px;
		height: 1px;
		background: #F1F1F1;
	}
</style>
